<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>新闻资讯</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/index.css"/>
    <link rel="stylesheet" href="./css/iconfont1.css"/>
    <script src="./js/jquery.js"></script>
    <script src="lib/layer/layer.js"></script>
    <script src="js/base.js"></script>
    <script src="lib/vue/vue.min.js"></script>
    <script src="lib/vue/vue-resource.min.js"></script>
</head>
<script type="text/javascript">
    (function () {
        var deviceWidth = document.documentElement.clientWidth;
        if (deviceWidth > 640) deviceWidth = 640;
        document.documentElement.style.fontSize = deviceWidth / 6.4 + 'px';
    }());
</script>
<body>
<div class="infor"><img src="./images/new_banner.png" alt=""/></div>
<div class="perCenter" id="app">
    <div class="per_new">
        <p class="crumbs"><span class="bottom_color">首页</span> > <span>资讯</span></p>
        <div class="new_content">
            <ul>
                <li>
                    <div class="infoImg">
                        <img src="./images/news.png" alt=""/>
                    </div>
                    <div>
                        <p class="newTitle">优租云即日起开始内测，内测时间 一个月</p>
                        <p class="newTime">2018-08-10   13:36</p>
                        <p class="newCont">
                            热烈祝贺鸟窝虚拟机正式开始内测，目前登录鸟窝虚拟机官网即可获得免费体验资格，如果在体验后，给我提一些合理的建议，一经我们采纳，将会给予一定程度的奖励，欢迎广大朋友.................
                        </p>
                    </div>
                </li>
                <li>
                    <div class="infoImg">
                        <img src="./images/news.png" alt=""/>
                    </div>
                    <div>
                        <p class="newTitle">优租云即日起开始内测，内测时间 一个月</p>
                        <p class="newTime">2018-08-10   13:36</p>
                        <p class="newCont">
                            热烈祝贺鸟窝虚拟机正式开始内测，目前登录鸟窝虚拟机官网即可获得免费体验资格，如果在体验后，给我提一些合理的建议，一经我们采纳，将会给予一定程度的奖励，欢迎广大朋友.................
                        </p>
                    </div>
                </li>
                <li>
                    <!--<img src="./images/news.png" alt=""/>-->
                    <div>
                        <p class="newTitle">优租云即日起开始内测，内测时间 一个月</p>
                        <p class="newTime">2018-08-10   13:36</p>
                        <p class="newCont">
                            热烈祝贺鸟窝虚拟机正式开始内测，目前登录鸟窝虚拟机官网即可获得免费体验资格，如果在体验后，给我提一些合理的建议，一经我们采纳，将会给予一定程度的奖励，欢迎广大朋友.................
                        </p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="new_tab">
            <div>相关分类</div>
            <p class="newAct"><i class="icon iconfont">&#xe64e;</i><span>新闻分类</span></p>
            <p><i class="icon iconfont">&#xe62c;</i><span>官方公告</span></p>
            <p><i class="icon iconfont">&#xe600;</i><span>活动通知</span></p>
        </div>
     </div>
    <ul class="pagination" role="navigation">
        <li class="page-item disabled" aria-disabled="true" aria-label="&laquo; 上一页">
            <span class="page-link" aria-hidden="true">&lsaquo;</span>
        </li>
        <li class="page-item active" aria-current="page"><span class="page-link">1</span></li>
        <li class="page-item"><a class="page-link" href="http://192.168.1.32:8000/article?page=2">2</a></li>
        <li class="page-item"><a class="page-link" href="http://192.168.1.32:8000/article?page=3">3</a></li>
        <li class="page-item">
            <a class="page-link" href="http://192.168.1.32:8000/article?page=2" rel="next" aria-label="下一页 &raquo;">&rsaquo;</a>
        </li>
    </ul>
</div>
<div class="footer"></div>
<script>
    $('.footer').load("./footer.html")
</script>
</body>
</html>